<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@page import = "java.util.*" %>
<%@page import = "Modelo.*" %>
<%@page import = "javax.swing.*"%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <style type="text/css">
            .ui-resizable-se {
                bottom: 17px;
            }

        </style>
        <script type="text/javascript">

            // Funcion para crear lineas de objetos
            function crearCampo(idi,alto) {
                fi = document.getElementById('na32'); // 1
                contenedor = document.createElement('div'); // 2
                contenedor.id = 'div32'; // 3
                fi.appendChild(contenedor); // 4

                ele = document.createElement('input'); // 5
                ele.type = 'hidden'; // 6
                ele.name = 'ancho';
                ele.id =idi;
                ele.value = idi;
                ele2 = document.createElement('input'); // 5
                ele2.type = 'hidden'; // 6
                ele2.name = 'alto';
                ele2.id =alto;
                ele2.value = alto;
                contenedor.appendChild(ele);
                contenedor.appendChild(ele2);// 7
            }
        </script>
        <script type="text/javascript">
            function f(){
                if(document.getElementById("resizable")!=null){
                    var an= document.getElementById("resizable").style.width;
                    var al= document.getElementById("resizable").style.height;
                    crearCampo(an,al);
                }
                else{
                    if(document.getElementById("resizable2")!=null){
                        var an= document.getElementById("resizable2").style.width;
                        var al= document.getElementById("resizable2").style.height;
                        crearCampo(an,al);
                    }
                }
                document.f99.submit();


            }
        </script>
        <script type="text/javascript">
            $(document).ready(function(){

                $("#link").click(function(evento){
                    if ($("#link").attr("checked")){
                        $("#avanzadas").slideToggle();
                        $("#avanzadas2").slideToggle();
                        $("#ddd").css("visibility", "visible");
                    }else{
                        $("#avanzadas").slideToggle();
                        $("#avanzadas2").slideToggle();
                        $("#ddd").css("visibility", "hidden");
                    }
                });



                $(function() {
                    $("#resizable").resizable({
                        handles: "se",

                        maxWidth: 350,
                        minHeight: 25,
                        maxHeight: 25,
                        minWidth: 160

                    });
                });


                $(function() {
                    $("#resizable2").resizable({
                        handles: "se",

                        maxWidth: 350,
                        minHeight: 100,
                        maxHeight: 240,
                        minWidth: 160

                    });
                });


            });

        </script>
    </head>
    <body>

        <%
        String idpreg = (String) request.getParameter("idpre");
        Pregunta preg = new Pregunta().findPregunta(Long.parseLong(idpreg));

        String tipo = (String) request.getParameter("tipopre");

        if (!tipo.equals("") && tipo.equals("1")) {//1
            PreguntaAbierta pa = (PreguntaAbierta) preg;
        %>

        <p>Pregunta:</p>
        <textarea name="contenido" rows="4" cols="20"><%=preg.getPregunta()%></textarea>
        <br>
        <input id="link" type="checkbox"> Ver Opciones Avanzadas
        <div id="avanzadas" style="display:none;">
            <p>
                Atributos de la respuesta
            </p>
            <p>
                longitud maxima de caracteres:
                <input type="text" name="max" value="<%if (pa.getMaxcara().equals("Ilimitada")) {%><%} else {%><%=pa.getMaxcara()%><%}%>" />
            </p>
        </div>
        <div id="ddd" style="visibility:hidden">
            <p>ancho del campo de texto</p>
           
            <textarea id="resizable" cols="4" rows="2" readonly style="width:<%=pa.getAncho()%>px; height:<%=pa.getAlto()%>px;"></textarea>
            <!--<input id="resizable" disabled type="text" size="25px" >-->
        </div>

        <div id="avanzadas2" style="display:none;">
            <div id="na32"></div>
            <p>
                Atributos de la pregunta
            </p>
            Asociar a un indicador
            <%
            if (preg.getIndicador() == null) {
            %>
            <select name="indicadores">

                <option value="0" selected> por favor seleccione un indicador..</option>
                <%

                List resultado = new Indicador().getLista();

                Iterator iterador = resultado.iterator();
                Indicador in;

                while (iterador.hasNext()) {
                    in = (Indicador) iterador.next();

                %>
                <option value="<%=in.getId()%>"><%=in.getNombre()%></option>
                <%}%>
            </select>

            <%
            }//fin si indicador es null
            if (preg.getIndicador() != null) {
            %>
            <select name="indicadores">

                <option value="0"> por favor seleccione un indicador..</option>
                <%

                List resultado = new Indicador().getLista();

                Iterator iterador = resultado.iterator();
                Indicador in;

                while (iterador.hasNext()) {
                    in = (Indicador) iterador.next();
                    if (in.getId().equals(preg.getIndicador().getId())) {
                %>

                <option value="<%=in.getId()%>" selected><%=in.getNombre()%></option>
                <%
                                    } else {
                %>

                <option value="<%=in.getId()%>"><%=in.getNombre()%></option>
                <%}
                }%>


            </select>


            <%
            }
            %>

        </div>



        <%                }//cierra if 1
        else {
            if (!tipo.equals("") && tipo.equals("2")) {
                     PreguntaAbierta pa = (PreguntaAbierta) preg;
        %>

        <p>Pregunta:</p>
        <textarea name="contenido" rows="4" cols="20"><%=preg.getPregunta()%></textarea>
        <br>
        <input id="link" type="checkbox"> Ver Opciones Avanzadas
        <div id="avanzadas" style="display:none;">
            <p>
                Atributos de la respuesta
            </p>
            longitud maxima de caracteres:
            <input type="text" name="max" value="<%if (pa.getMaxcara().equals("Ilimitada")) {%><%} else {%><%=pa.getMaxcara()%><%}%>" />
        </div>
        <div id="ddd" style="visibility:hidden">
            <p>ancho del campo de texto</p>
            <textarea id="resizable2" cols="4" rows="10" readonly style="width:<%=pa.getAncho()%>px; height:<%=pa.getAlto()%>px;"></textarea>
        </div>
        <div id="avanzadas2" style="display:none;">
            <div id="na32"></div>
            <p>
                Atributos de la pregunta
            </p>
            Asociar a un indicador
            <%
                if (preg.getIndicador() == null) {
            %>
            <select name="indicadores">

                <option value="0" selected> por favor seleccione un indicador..</option>
                <%

                List resultado = new Indicador().getLista();

                Iterator iterador = resultado.iterator();
                Indicador in;

                while (iterador.hasNext()) {
                    in = (Indicador) iterador.next();

                %>
                <option value="<%=in.getId()%>"><%=in.getNombre()%></option>
                <%}%>
            </select>

            <%
                }
                if (preg.getIndicador() != null) {
            %>
            <select name="indicadores">

                <option value="0"> por favor seleccione un indicador..</option>
                <%

                List resultado = new Indicador().getLista();

                Iterator iterador = resultado.iterator();
                Indicador in;

                while (iterador.hasNext()) {
                    in = (Indicador) iterador.next();
                    if (in.getId().equals(preg.getIndicador().getId())) {
                %>

                <option value="<%=in.getId()%>" selected><%=in.getNombre()%></option>
                <%
                                    } else {
                %>

                <option value="<%=in.getId()%>"><%=in.getNombre()%></option>
                <%}
                }%>


            </select>


            <%
                }
            %>

        </div>

        <%
                }// cierra if 2
            else {

                if (!tipo.equals("") && (tipo.equals("3") || tipo.equals("4"))) {
                           PreguntaCerrada pc = (PreguntaCerrada) preg;
        %>
        <p>
            Pregunta:
        </p>
        <textarea name="contenido" rows="4" cols="20"><%=pc.getPregunta()%></textarea>

        <p>
            Opciones de Respuesta:
        </p>
        <%List l = pc.getRespuestas();
                Iterator it = l.iterator();
                String ta = "";
        %>
        <%
                int i = 0;
                while (it.hasNext()) {

                    Respuesta r = (Respuesta) it.next();

                    i++;
                    if (i < l.size()) {
                        ta += r.getRespuesta() + "\n";
                    } else {
                        ta += r.getRespuesta();
                    }

        %>

        <%
                }
        %>
        <textarea name="respuestas" rows="4" cols="20"><%=ta%></textarea>
        <p>
            <input id="link" type="checkbox"> Ver Opciones Avanzadas
        </p>
        <div id="avanzadas" style="display:none;">
            <p>
                Atributos de la pregunta
            </p>
            <%
                if (pc.isOtro()) {
            %>
            <input type="checkbox" checked name="abierta" >
            A&ntilde;adir opci&oacute;n de respuesta abierta
            <%            } else {
            %>
            <input type="checkbox" name="abierta">
            A&ntilde;adir opci&oacute;n de respuesta abierta
            <%                }
            %>

            <p>
                Asociar a un indicador
            </p>
            <%
                if (preg.getIndicador() == null) {
            %>
            <select name="indicadores">

                <option value="0" selected> por favor seleccione un indicador..</option>
                <%

                List resultado = new Indicador().getLista();

                Iterator iterador = resultado.iterator();
                Indicador in;

                while (iterador.hasNext()) {
                    in = (Indicador) iterador.next();

                %>
                <option value="<%=in.getId()%>"><%=in.getNombre()%></option>
                <%}%>
            </select>

            <%
                }
                if (preg.getIndicador() != null) {
            %>
            <select name="indicadores">

                <option value="0"> por favor seleccione un indicador..</option>
                <%

                List resultado = new Indicador().getLista();

                Iterator iterador = resultado.iterator();
                Indicador in;

                while (iterador.hasNext()) {
                    in = (Indicador) iterador.next();
                    if (in.getId().equals(preg.getIndicador().getId())) {
                %>

                <option value="<%=in.getId()%>" selected><%=in.getNombre()%></option>
                <%
                                    } else {
                %>

                <option value="<%=in.getId()%>"><%=in.getNombre()%></option>
                <%}
                }%>


            </select>


            <%
                }
            %>
        </div>




        <% }
                //end if 3 / 4
                  else {
                if (!tipo.equals("") && tipo.equals("5")) {
                    PreguntaCompuesta pcom = (PreguntaCompuesta) preg;
        %>
        <br>Pregunta:
        <textarea name="pregunta" rows="4" cols="20"><%=preg.getPregunta()%></textarea>
        <br>subPreguntas:
        <%List l = pcom.getEtiquetas();
                Iterator it = l.iterator();
                String ta = "";
        %>
        <%
                int i = 0;
                while (it.hasNext()) {

                    Etiqueta et = (Etiqueta) it.next();

                    i++;
                    if (i < l.size()) {
                        ta += et.getEtiqueta() + "\n";
                    } else {
                        ta += et.getEtiqueta();
                    }
                }
        %>


        <textarea name="subpregunta" rows="4" cols="20"><%=ta%></textarea>
        <br>opciones de respuesta:

        <%
                Etiqueta eti = new Etiqueta();
                if (!pcom.getEtiquetas().isEmpty()) {
                    eti = (Etiqueta) pcom.getEtiquetas().get(0);
                }
                List lis = eti.getRespuestas();
                Iterator ite = lis.iterator();
                String ta2 = "";
        %>
        <%
                int j = 0;
                while (ite.hasNext()) {

                    Respuesta res = (Respuesta) ite.next();

                    j++;
                    if (j < l.size()) {
                        ta2 += res.getRespuesta() + "\n";
                    } else {
                        ta2 += res.getRespuesta();
                    }
                }
        %>

        <textarea name="respuestas" rows="4" cols="20"><%=ta2%></textarea>
        <p>
            <input id="link" type="checkbox"> Ver Opciones Avanzadas
        </p>
        <div id="avanzadas" style="display:none">
            <p>
                Asociar a un indicador
            </p>
            <%
                if (preg.getIndicador() == null) {
            %>
            <select name="indicadores">

                <option value="0" selected> por favor seleccione un indicador..</option>
                <%

                List resultado = new Indicador().getLista();

                Iterator iterador = resultado.iterator();
                Indicador in;

                while (iterador.hasNext()) {
                    in = (Indicador) iterador.next();

                %>
                <option value="<%=in.getId()%>"><%=in.getNombre()%></option>
                <%}%>
            </select>

            <%
                }
                if (preg.getIndicador() != null) {
            %>
            <select name="indicadores">

                <option value="0"> por favor seleccione un indicador..</option>
                <%

                List resultado = new Indicador().getLista();

                Iterator iterador = resultado.iterator();
                Indicador in;

                while (iterador.hasNext()) {
                    in = (Indicador) iterador.next();
                    if (in.getId().equals(preg.getIndicador().getId())) {
                %>

                <option value="<%=in.getId()%>" selected><%=in.getNombre()%></option>
                <%
                                    } else {
                %>

                <option value="<%=in.getId()%>"><%=in.getNombre()%></option>
                <%}
                 }%>


            </select>


            <%
               
                }
            %>
        </div>

        <%
}
                }
                }
            }
        %>

    </body>
</html>
